// 注册
@font-face {
  // 注册的名字
  font-family: bl;
  // 路径
  src: url("./assets/白路彤彤手写体.ttf");
}

body {
  background-image: url("/public/images/bg.jpg");
  //使用名字
  font-family: bl;
  color: white;
}
.header {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

  background-image: url("/public/images/head_bg.png");
  background-size: 100% 100%;
  .date {
    position: absolute;
    right: 20px;
  }
}

.main {
  display: flex;
  height: 200px;
  .left {
    width: 500px;
    padding: 10px;
    flex-shrink: 0;
  }
  .right {
    width: 500px;
    padding: 10px;
    flex-shrink: 0;
  }

  .middle {
    // 剩余没人用的全占了
    flex-grow: 1;
    padding: 10px;
    .top {
      display: flex;
      .top-left {
        flex-grow: 1;
      }
      .top-right {
        flex-grow: 1;
        display: flex;
        .item {
          flex-grow: 1;
        }
      }
    }
  }
}
